.accountPage {
    .resultContainer {
        background-color: white;

        .topData {
            padding: 0rem 16rem 16rem 16rem;
            box-sizing: border-box;
        }

        .isLotteryDraw {
            display: flex;
            align-items: center;
            background: #EFEFEF;
            line-height: 40rem;
            border-radius: 20rem;

            .drawItem {
                color: #666D79;
                width: 171rem;
                font-family: Inter;
                text-align: center;
                font-size: 16rem;
                font-style: normal;

                &.activeDraw {
                    color: white;
                    background-color: #FF2D55;
                    border-radius: 20rem;
                }
            }
        }

        .type {
            display: flex;
            align-items: center;

            .typeData {
                justify-content: space-between;
                margin-top: 16rem;
                display: flex;
                align-items: center;
                border-radius: 8px;
                border: 1px solid #E2E6E8;
                width: 100%;
                padding: 0rem 35rem 0rem 16rem;
                height: 36rem;

                .typeTitle {
                    color: #343C4B;
                    font-family: Inter;
                    font-size: 14rem;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 16rem;
                }

                .typeItem {
                    line-height: 30rem;
                    display: flex;
                    align-items: center;
                    color: #343C4B;
                    font-size: 14rem;
                    position: relative;

                    &::after {
                        position: absolute;
                        content: "";
                        right: -20rem;
                        top: 9rem;
                        background: url("../../../assets/images/Me/icon_jiantou.png") no-repeat;
                        width: 12rem;
                        height: 12rem;
                        background-size: cover;
                    }
                }
            }

            img {
                width: 24rem;
                height: 24rem;
            }
        }
    }

    .lotteryList {
        background: #F1F5F9;
        padding: 4rem 16rem 16rem 16rem;
        box-sizing: border-box;

        .listItem {
            background: url("../../../assets/images/Me/lotteryBg.png") no-repeat;
            background-size: cover;
            width: 100%;
            height: 96rem;
            padding: 16rem;
            box-sizing: border-box;
            margin-top: 12rem;
            position: relative;

            :not(:first-child) {
                margin-top: 8rem;
            }

            .titleTop {
                color: #343C4B;
                ;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: 16px;
                display: flex;
                align-items: center;

                &>span {
                    color: #FF2D55;
                    margin-left: 16rem;
                }
            }

            .tikets {
                display: flex;
                align-items: center;
                color: #343C4B;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: 16px;

                .detailRow {
                    color: #343C4B;
                }

                .detailRedGreen {
                    display: flex;
                    align-items: center;

                    .radius {
                        margin-top: 0;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #FFF;
                        width: 20rem;
                        height: 20rem;
                        border-radius: 50%;
                        font-size: 14rem;

                        &+.radius {
                            margin-left: 4rem;
                        }
                    }
                }

                .detailsix {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-around;

                    .numItem {
                        display: flex;
                        flex-direction: column;
                        align-items: center;

                        &>p:first-child {
                            background-color: white;
                            width: 20rem;
                            height: 20rem;
                            border-radius: 50%;
                            line-height: 20rem;
                            text-align: center;
                            color: #FF2D55;
                            font-family: Inter;
                            font-size: 12rem;
                            font-weight: 600;
                            position: relative;
                        }

                        &>p:last-child {
                            margin-top: 4rem;
                            color: #FFF;
                            font-size: 12rem;
                            font-weight: 500;
                        }

                        &:last-child>p::before {
                            content: '+';
                            position: absolute;
                            color: #FFF;
                            left: -20rem;
                        }
                    }
                }
            }

            .Drawdate {
                color: #89899A;
                display: flex;
                align-items: center;
            }

            .PickUP {
                position: absolute;
                bottom: 10rem;
                border-radius: 14px;
                background: #FF2D55;
                width: 78px;
                line-height: 28rem;
                text-align: center;
                right: 16rem;
                color: #FFF;
            }

            .notPickUP {
                background: #D1D5DB;
            }

            .money {
                right: 38rem;
                color: #F90;
                font-family: Inter;
                font-size: 14px;
                font-weight: 600;
                position: absolute;
                bottom: 45rem;
            }
        }
    }
}